
<script language="javascript">

$(function(){
		   
	$('#formLogar').ajaxForm({
		dataType: 'json',
		beforeSubmit: function() {
			if( $("#formLogar").validate().form()==false )
			return false;
		},
		success: function(responseText, statusText) {
			if(responseText.sucesso){
				window.location = "/?pg=alunoOrEscola";	
			}else{
				$.jAlert(responseText.mensagem, '');
			}
		}
	})

	//busca cidade do combo
	$("#txtCidade").load("actions/ajaxlistarCidadeComboAction.php");
		
	$("#txtIdPessoa").focus();
	
})	

	//busca escola atraves do filtro da cidade
	function getEscola(cidade_id){
		 $("#txtEscola").html("<option value=''>Carregando...</option>");		 
		 setTimeout(function(){							 
			  $("#txtEscola").load("actions/ajaxListarEscolaPorCidadeAction.php",{cidade_id:cidade_id})
	   	 }, 2000)
	};
	
	function cancelar(){window.location = "/";	}


</script>
	
</head>
<body>

<div id="dlogin">
<form action="actions/validaPreCadastroAction.php" method="post" style="background:url(../images/PanelBasBag.png) no-repeat; width:614px; height:363px;" id="formLogar" name="formLogar">
	
    
    <div style="position:relative;top:80px;left:240px;"> 
    <table width="301" border="0">
      <tr>
        <td colspan="2" align="center"><b>Cadastro de Usuário</b></td>
      </tr>
      <tr>
        <td width="92"> </td>
        <td width="199">&nbsp;</td>
      </tr>
      <tr>
        <td height="45">
          <label>Cidade:</label>
		</td>
        <td>		
		<select name="txtCidade" id="txtCidade" onChange="getEscola(this.value, 0)" class="required" style="width:150px;">
          <option value="">Escolha sua Cidade</option>
        </select>		
		</td>
      </tr>
      <tr>
        <td height="45">
          <label>Escola:</label></td>
        <td>
		<select name="txtEscola" id="txtEscola" class="required" style="width:150px;">
          <option value="">Escolha sua Escola</option>
        </select>	
		
		</td>
      </tr>
      <tr>
        <td height="45">
          <label>Código:</label>
          </td>
        <td>
          <input type="password" id="txtIdPessoa" name="txtIdPessoa" class="required"/>
          <br/><span style="font-size:11px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Liberação Cadastro</span>
          </td>
      </tr>
      <tr>
        <td height="25" valign="top">&nbsp;</td>
        <td></td>
      </tr>
      <tr>
        <td colspan="2" align="center">&nbsp;</td>
      </tr>
      <tr>
        <td colspan="2" align="center">
          <input type="submit" id="btnEntrar" value="Entrar" />
          <input type="button" value="Cancelar" onClick="cancelar();"/></td>
      </tr>
    </table>
    </div>
  </form>
</div>
    
</body>
</html>